<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    1.外部css文件-->
    <link type="text/css" rel="stylesheet" href="css/t1.css">
<!--    2.style标签-->
    <style>
        /*标签选择器*/
        button{
            font-size: 30px;
        }
        /*class选择器 类，可以多个标签*/
        .dv1{
            width: 20%;
            height: 100px;
            background-color: red;
            margin: 20px;
        }
        /*id选择器  唯一*/
        #a1{
            color: gold;
            font-size: 40px;
        }
    </style>
</head>
<body>
<div>
  <button>点我</button>
  <button>再点我</button>
<!--    3.内嵌-->
  <button style="color: red">再在点我</button>
    <div class="dv1"></div>
    <button class="dv1">按钮</button>
    <div class="dv1"></div>
    <a id="a1" href="http://www.qfedu.com">点我，跳转你想看的东西</a>
</div>
</body>
</html>